<template>
  <div class="videocontainer">
  <div>
    <el-breadcrumb id="mi" separator="/">
      <el-breadcrumb-item v-if="!this.$store.state.apparatus_type&&!this.$store.state.bodypart_type&&!this.$store.state.grade_type">所有动作</el-breadcrumb-item>
      <el-breadcrumb-item v-if="this.$store.state.apparatus_type">{{$store.state.apparatus_type}}</el-breadcrumb-item>
      <el-breadcrumb-item v-if="this.$store.state.bodypart_type">{{$store.state.bodypart_type}}</el-breadcrumb-item>
      <el-breadcrumb-item v-if="this.$store.state.grade_type">{{$store.state.grade_type}}</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
    <div class="videoshow">
      <videoshow-main></videoshow-main>
    </div>
    <div class="videoshowfooter">
      <pagebar-main></pagebar-main>
    </div>
  </div>
</template>

<script>
  import VideoShow from "./VideoShow"
  import PageBar from "./PageBar"
    export default {
        name: "VideoContainer",
      data(){
          return{

          }
      },components:{"videoshow-main":VideoShow,"pagebar-main":PageBar},
    }
</script>

<style scoped>
  #mi{
    font-size: 25px;
    margin-bottom: 10px;
  }
  .videoshow{
    width: 100%;
  }
  .videoshowfooter{
    display: flex;
    justify-content: center;
  }
  .videocontainer{
    margin-left: 20px;
  }

</style>
